<!--
 * @Author: 郝奔 1425466221@qq.com
 * @Date: 2024-11-22 09:21:08
 * @LastEditors: 郝奔 1425466221@qq.com
 * @LastEditTime: 2024-12-26 13:35:26
 * @FilePath: /HG-dqbasic_open_platform/src/framework/components/ThemePicker/index.vue
 * @Description: 
 * Copyright (c) 2024-present HBIS Digital Technology Co.,Ltd. All rights reserved. 
-->
<template>
  <el-color-picker :predefine="[
    '#409EFF',
    '#1890ff',
    '#304156',
    '#212121',
    '#11a983',
    '#13c2c2',
    '#6959CD',
    '#f5222d'
  ]" class="theme-picker" popper-class="theme-picker-dropdown" />
</template>

<script setup lang="ts">
</script>@/framework/store/modules/settings

<style>
.theme-message,
.theme-picker-dropdown {
  z-index: 9999 !important;
}

.theme-picker .el-color-picker__trigger {
  height: 26px !important;
  width: 26px !important;
  padding: 2px;
}

.theme-picker-dropdown .el-color-dropdown__link-btn {
  display: none;
}
</style>
